﻿<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org" >
<head>	
	<title>About us</title>
	<meta charset="utf-8" />
	
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
	<!-- GOOGLE WEB FONTS -->
	<link rel="stylesheet" th:href="@{/css/font-awesome.min.css}">
	
	<!-- BOOTSTRAP 3.3.7 CSS -->
	<link rel="stylesheet" th:href="@{/css/bootstrap.min.css}" />
	
	<!-- SLICK v1.6.0 CSS -->
	<link rel="stylesheet" th:href="@{/css/slick-1.6.0/slick.css}" />
	
	<link rel="stylesheet" th:href="@{/css/jquery.fancybox.css}" />
	<link rel="stylesheet" th:href="@{/css/yith-woocommerce-compare/colorbox.css}" />
	<link rel="stylesheet" th:href="@{/css/owl-carousel/owl.carousel.min.css}" />
	<link rel="stylesheet" th:href="@{/css/owl-carousel/owl.theme.default.min.css}" />
	<link rel="stylesheet" th:href="@{/css/js_composer/js_composer.min.css}" />
	<link rel="stylesheet" th:href="@{/css/woocommerce/woocommerce.css}" />
	<link rel="stylesheet" th:href="@{/css/yith-woocommerce-wishlist/style.css}" />
	
	
	<link rel="stylesheet" th:href="@{/css/custom.css}" />
	<link rel="stylesheet" th:href="@{/css/app-orange.css}" id="theme_color" />
	<link rel="stylesheet" href="" id="rtl" />
	<link rel="stylesheet" th:href="@{/css/app-responsive.css}" />
</head>

<body class="page has-right-sidebar has-right-product-sidebar">
     

	<div class="body-wrapper theme-clearfix">
		<header id="header" class="header header-style1">

			<div class="widget pull-left" style="margin-left: 300px">
				<div class="widget-inner">
					<div id="lang_sel">
						<ul class="nav">
							<li>
								<a class="lang_sel_sel">
									<img class="iclflag"  title="English" alt="en" th:src="@{images/icons/en.png}" width="18" height="12" /> English
								</a>
								<ul>
									<li>
										<a  th:href="@{/aboutus(l='en_US')}">
											<img class="iclflag" title="English" alt="en" th:src="@{images/icons/en.png}" width="18" height="12" /> English
										</a>
									</li>

									<li>
										<a th:href="@{/aboutus(l='zh_CN')}">
											<img class="iclflag"  title="中文" alt="ar" th:src="@{images/icons/ar.png}" width="18" height="12" /> 中文
										</a>
									</li>
								</ul>
							</li>
						</ul>
					</div>
				</div>
			</div>

			<div th:replace="commons/bar::#top"></div>

			<div th:replace="commons/bar::#mid"></div>

			<div th:replace="commons/bar::#bottom" ></div>
		</header>
		
		<div class="listings-title">
			<div class="container">
				<div class="wrap-title">
					<h1 th:text="#{aboutus}">About us</h1>

					<div class="bread">
						<div class="breadcrumbs theme-clearfix">
							<div class="container">
								<ul class="breadcrumb">
									<li>
										<a th:href="@{/index}" th:text="#{home}">Home</a>
										<span class="go-page"></span>
									</li>
									
									<li class="active">
										<span th:text="#{aboutus}">About us</span>
									</li>
								</ul>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		
		<div class="container">
			<div class="row">
				<div id="contents" role="main" class="main-page  col-lg-12 col-md-12 col-sm-12 col-xs-12">
					<div class="post-6 page type-page status-publish hentry">
						<div class="entry-content">
							<div class="entry-summary">
								<div class="vc_row wpb_row vc_row-fluid top-about margin-30">
									<div class="wpb_column vc_column_container vc_col-sm-12">
										<div class="vc_column-inner ">
											<div class="wpb_wrapper">
												<div class="wpb_text_column wpb_content_element ">
													<div class="wpb_wrapper">
														<p>
															<img class="alignnone size-full wp-image-454" th:src="@{images/1903/aboutus.jpg}" alt="aboutus" width="1170" height="450" srcset="images/1903/aboutus.jpg 1170w, images/1903/aboutus-300x115.jpg 300w, images/1903/aboutus-768x295.jpg 768w, images/1903/aboutus-1024x394.jpg 1024w" sizes="(max-width: 1170px) 100vw, 1170px">
														</p>
														
														<h3>[[#{welcometoetrostore}]]</h3>
														
														<p>
															 [[#{Aboutus}]]
														</p>
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>
							  
								<div class="vc_row wpb_row vc_row-fluid mid-about margin-bottom-60">
									<div class="wpb_column vc_column_container vc_col-sm-4">
										<div class="vc_column-inner ">
											<div class="wpb_wrapper">
												<div class="wpb_text_column wpb_content_element ">
													<div class="wpb_wrapper">
														<p>
															<img class="alignnone size-full wp-image-455" th:src="@{images/1903/icon-ab1.png}" alt="icon-ab1" width="38" height="34">
														</p>
														
														<h3>[[#{deliveredwithcare}]]</h3>
														
														<p>Each product item is carefully checked before appearing on EtroStore.</p>
													</div>
												</div>
											</div>
										</div>
									</div>
									
									<div class="wpb_column vc_column_container vc_col-sm-4">
										<div class="vc_column-inner ">
											<div class="wpb_wrapper">
												<div class="wpb_text_column wpb_content_element ">
													<div class="wpb_wrapper">
														<p>
															<img class="alignnone size-full wp-image-457" th:src="@{images/1903/icon-ab2.png}" alt="icon-ab2" width="30" height="36">
														</p>
														
														<h3>[[#{excellentquality}]]</h3>
														
														<p>[[#{alltheseproducts}]]</p>
													</div>
												</div>
											</div>
										</div>
									</div>
									
									<div class="wpb_column vc_column_container vc_col-sm-4">
										<div class="vc_column-inner ">
											<div class="wpb_wrapper">
												<div class="wpb_text_column wpb_content_element ">
													<div class="wpb_wrapper">
														<p>
															<img class="alignnone size-full wp-image-456" th:src="@{images/1903/icon-ab3.png}" alt="icon-ab3" width="40" height="32">
														</p>
														
														<h3>[[#{fasterdeliver}]]</h3>
														
														<p>[[#{alltheseproductsare}]]</p>
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>
							  
								<div data-vc-full-width="true" data-vc-full-width-init="false" data-vc-stretch-content="true" class="vc_row wpb_row vc_row-fluid bg-about margin-bottom-60 vc_row-no-padding">
									<div class="container float wpb_column vc_column_container vc_col-sm-12">
										<div class="vc_column-inner ">
											<div class="wpb_wrapper">
												<div class="vc_row wpb_row vc_inner vc_row-fluid row">
													<div class="wpb_column vc_column_container vc_col-sm-4">
														<div class="vc_column-inner vc_custom_1487238877455">
															<div class="wpb_wrapper">
																<div class="wpb_text_column wpb_content_element ">
																	<div class="wpb_wrapper">
																		<p>
																			<img class="size-full wp-image-451 aligncenter" th:src="@{images/1903/ab1.jpg}" alt="ab1" width="370" height="210" srcset="images/1903/ab1.jpg 370w, images/1903/ab1-300x170.jpg 300w" sizes="(max-width: 370px) 100vw, 370px">
																		</p>
																		
																		<h3>[[#{whatwereallydo}]]</h3>
																		
																		<p>[[#{themostweb}]]</p>
																	</div>
																</div>
															</div>
														</div>
													</div>
											 
													<div class="wpb_column vc_column_container vc_col-sm-4">
														<div class="vc_column-inner vc_custom_1487238887060">
															<div class="wpb_wrapper">
																<div class="wpb_text_column wpb_content_element ">
																	<div class="wpb_wrapper">
																		<p>
																			<img class="size-full wp-image-452 aligncenter" th:src="@{images/1903/ab2.jpg}" alt="ab2" width="370" height="210" srcset="images/1903/ab2.jpg 370w, images/1903/ab2-300x170.jpg 300w" sizes="(max-width: 370px) 100vw, 370px">
																		</p>
																		
																		<h3>[[#{ourview}]]</h3>
																		
																		<p>[[#{wewilltryour}]]</p>
																	</div>
																</div>
															</div>
														</div>
													</div>
											 
													<div class="wpb_column vc_column_container vc_col-sm-4">
														<div class="vc_column-inner vc_custom_1487238887060">
															<div class="wpb_wrapper">
																<div class="wpb_text_column wpb_content_element ">
																	<div class="wpb_wrapper">
																		<p>
																			<img class="size-full wp-image-453 aligncenter" th:src="@{images/1903/ab3.jpg}" alt="ab3" width="370" height="210" srcset="images/1903/ab3.jpg 370w, images/1903/ab3-300x170.jpg 300w" sizes="(max-width: 370px) 100vw, 370px">
																		</p>
																		
																		<h3>[[#{historyofbeginning}]]</h3>
																		
																		<p>[[#{wehavethebesthuman}]]</p>
																	</div>
																</div>
															</div>
														</div>
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>
							  
								<div class="vc_row-full-width vc_clearfix"></div>
							  
								<div class="vc_row wpb_row vc_row-fluid margin-bottom-60">
									<div class="wpb_column vc_column_container vc_col-sm-12">
										<div class="vc_column-inner ">
											<div class="wpb_wrapper">
												<div id="sw_testimonial01" class="responsive-slider sw-ourteam-slider default loading clearfix" data-lg="4" data-md="4" data-sm="3" data-xs="2" data-mobile="1" data-speed="1000" data-scroll="1" data-interval="5000" data-rtl="false" data-autoplay="false">
													<div class="box-title">
														<h2>[[#{meetourteam}]]</h2>
														<div class="slider-description">[[#{weareworkinghardhard}]]</div>
													</div>
											 
													<div class="resp-slider-container">
														<div class="slider responsive">
															<div class="item">
																<div class="item-wrap">
																	<div class="item-img item-height">
																		<div class="item-img-info">				
																			<img width="270" height="310" th:src="@{images/1903/1001.jpg}" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="" srcset="images/1903/1001.jpg 270w, images/1903/1001.jpg 261w" sizes="(max-width: 270px) 100vw, 270px">
																		</div>
																	</div>
																	
																	<div class="item-content">
																		<h3>[[#{zjh}]]</h3>
																		<div class="team-info" th:text="#{projectmanager}"></div>
																		<div class="item-desc"></div>
																	</div>
																	
																	<div class="item-social">
																		<div class="team-linkedin">
																			<a href="#"><i class="fa fa-linkedin"></i></a>
																		</div>
																		
																		<div class="team-facebook">
																			<a href="#"><i class="fa fa-facebook"></i></a>
																		</div>
																		
																		<div class="team-twitter">
																			<a href="#"><i class="fa fa-twitter"></i></a>
																		</div>
																		
																		<div class="team-gplus">
																			<a href="#"><i class="fa fa-google-plus"></i></a>
																		</div>
																	</div>
																</div>
															</div>
														   
														   <div class="item">
																<div class="item-wrap">
																	<div class="item-img item-height">
																		<div class="item-img-info">				
																		   <img width="270" height="310" th:src="@{images/1903/1002.jpg}" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="" srcset="images/1903/1002.jpg 270w, images/1903/1002.jpg 261w" sizes="(max-width: 270px) 100vw, 270px">
																		</div>
																	</div>
																	
																	<div class="item-content">
																		<h3>[[#{hky}]]</h3>
																		<div class="team-info" th:text="#{teammember}"></div>
																		<div class="item-desc"></div>
																	</div>
																	
																	<div class="item-social">
																		<div class="team-linkedin">
																			<a href="#"><i class="fa fa-linkedin"></i></a>
																		</div>
																		
																		<div class="team-facebook">
																			<a href="#"><i class="fa fa-facebook"></i></a>
																		</div>
																		
																		<div class="team-twitter">
																			<a href="#"><i class="fa fa-twitter"></i></a>
																		</div>
																		
																		<div class="team-gplus">
																			<a href="#"><i class="fa fa-google-plus"></i></a>
																		</div>
																	</div>
																</div>
														   </div>
														   
														   <div class="item">
																<div class="item-wrap">
																	<div class="item-img item-height">
																		<div class="item-img-info">				
																			<img width="270" height="310" th:src="@{images/1903/1003.jpg}" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="" srcset="images/1903/1003.jpg 270w, images/1903/1003.jpg 261w" sizes="(max-width: 270px) 100vw, 270px">
																		</div>
																	</div>
																 
																	<div class="item-content">
																		<h3>[[#{chenh}]]</h3>
																		<div class="team-info"th:text="#{teammember}"></div>
																		<div class="item-desc"></div>
																	</div>
																 
																	<div class="item-social">
																		<div class="team-linkedin">
																			<a href="#"><i class="fa fa-linkedin"></i></a>
																		</div>
																		
																		<div class="team-facebook">
																			<a href="#"><i class="fa fa-facebook"></i></a>
																		</div>
																		
																		<div class="team-twitter">
																			<a href="#"><i class="fa fa-twitter"></i></a>
																		</div>
																		
																		<div class="team-gplus">
																			<a href="#"><i class="fa fa-google-plus"></i></a>
																		</div>
																	</div>
																</div>
														   </div>
														   
														   <div class="item">
																<div class="item-wrap">
																	<div class="item-img item-height">
																		<div class="item-img-info">				
																			<img width="270" height="310" th:src="@{images/1903/1004.jpg}" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="" srcset="images/1903/1004.jpg 270w, images/1903/1004.jpg 261w" sizes="(max-width: 270px) 100vw, 270px">
																		</div>
																	</div>
																 
																	<div class="item-content">
																		<h3>[[#{ym}]]</h3>
																		<div class="team-info" th:text="#{teammember}"></div>
																		<div class="item-desc">
																		</div>
																	</div>
																 
																	<div class="item-social">
																		<div class="team-linkedin">
																			<a href="#"><i class="fa fa-linkedin"></i></a>
																		</div>
																		
																		<div class="team-facebook">
																			<a href="#"><i class="fa fa-facebook"></i></a>
																		</div>
																		
																		<div class="team-twitter">
																			<a href="#"><i class="fa fa-twitter"></i></a>
																		</div>
																		
																		<div class="team-gplus">
																			<a href="#"><i class="fa fa-google-plus"></i></a>
																		</div>
																	</div>
																</div>
														   </div>
														</div>
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		

	</div>
   
	<!-- DIALOGS -->
	<div class="modal fade" id="search_form" tabindex="-1" role="dialog" aria-hidden="true">
		<div class="modal-dialog block-popup-search-form">
			<form role="search" method="get" class="form-search searchform" action="">
				<input type="text" value="" name="s" class="search-query" placeholder="Enter your keyword..." />
				
				<button type="submit" class="fa fa-search button-search-pro form-button"></button>
				
				<a href="javascript:void(0)" title="Close" class="close close-search" data-dismiss="modal">X</a>
			</form>
		</div>
	</div>

	<div th:replace="commons/bar::#login_form"></div>
	
	<a id="etrostore-totop" href="#"></a>	
	
	<div id="subscribe_popup" class="subscribe-popup" style="background: url(images/icons/bg_newsletter.jpg)">
		<div class="subscribe-popup-container">
			<h2>Join our newsletter</h2>
			<div class="description">Subscribe now to get 40% of on any product!</div>
			<div class="subscribe-form">
				<form id="mc4wp-form-2" class="mc4wp-form mc4wp-form-275" method="post" data-id="275" data-name="">
					<div class="mc4wp-form-fields">
						<div class="newsletter-content">
							<input type="email" class="newsletter-email" name="EMAIL" placeholder="Your email" required="" />
							<input class="newsletter-submit" type="submit" value="Subscribe" />
						</div>
					</div>
					<div class="mc4wp-response"></div>
				</form>		
			</div>
			
			<div class="subscribe-checkbox">
				<label for="popup_check">
					<input id="popup_check" name="popup_check" type="checkbox" />
					<span>Don't show this popup again!</span>
				</label>
			</div>
			
			<div class="subscribe-social">
				<div class="subscribe-social-inner">
					<a href="#" class="social-fb">
						<span class="fa fa-facebook"></span>
					</a>
					
					<a href="#" class="social-tw">
						<span class="fa fa-twitter"></span>
					</a>
					
					<a href="#" class="social-gplus">
						<span class="fa fa-google-plus"></span>
					</a>
					
					<a href="#" class="social-pin">
						<span class="fa fa-instagram"></span>
					</a>
					
					<a href="#" class="social-linkedin">
						<span class="fa fa-pinterest-p"></span>
					</a>				
				</div>
			</div>
		</div>
	</div>
	<script type="text/javascript" th:src="@{js/jquery/jquery.min.js}"></script>
	<script type="text/javascript" th:src="@{js/jquery/jquery-migrate.min.js}"></script>
	<script type="text/javascript" th:src="@{js/bootstrap.min.js}"></script>
	<script type="text/javascript" th:src="@{js/jquery/js.cookie.min.js}"></script>
	
	<!-- OPEN LIBS JS -->
	<script type="text/javascript" th:src="@{js/owl-carousel/owl.carousel.min.js}"></script>
	<script type="text/javascript" th:src="@{js/slick-1.6.0/slick.min.js}"></script>
	
	<script type="text/javascript" th:src="@{js/yith-woocommerce-compare/jquery.colorbox-min.js}"></script>
	<script type="text/javascript" th:src="@{js/sw_core/isotope.js}"></script>
	<script type="text/javascript" th:src="@{js/sw_core/jquery.fancybox.pack.js}"></script>
	<script type="text/javascript" th:src="@{js/sw_woocommerce/category-ajax.js}"></script>
	<script type="text/javascript" th:src="@{js/sw_woocommerce/jquery.countdown.min.js}"></script>
	<script type="text/javascript" th:src="@{js/js_composer/js_composer_front.min.js}"></script>
	
	<script type="text/javascript" th:src="@{js/plugins.js}"></script>
	<script type="text/javascript" th:src="@{js/megamenu.min.js}"></script>
	<script type="text/javascript" th:src="@{js/main.min.js}"></script>
   
	<script type="text/javascript">
		var sticky_navigation_offset_top = $("#header .header-bottom").offset().top;
		var sticky_navigation = function(){
									var scroll_top = $(window).scrollTop();
									if (scroll_top > sticky_navigation_offset_top) {
										$("#header .header-bottom").addClass("sticky-menu");
										$("#header .header-bottom").css({ "top":0, "left":0, "right" : 0 });
									} else {
										$("#header .header-bottom").removeClass("sticky-menu");
									}
								};
		sticky_navigation();
		$(window).scroll(function() {
			sticky_navigation();
		});
		
		$(document).ready (function () {
			$( ".show-dropdown" ).each(function(){
				$(this).on("click", function(){
					$(this).toggleClass("show");
					var $element = $(this).parent().find( "> ul" );
					$element.toggle( 300 );
				});
			});
		});
   </script>
   
   <!--[if gte IE 9]><!-->
   <script type="text/javascript">
		var request, b = document.body, c = 'className', cs = 'customize-support', rcs = new RegExp('(^|\\s+)(no-)?'+cs+'(\\s+|$)');
		request = true;
      
      	b[c] = b[c].replace( rcs, ' ' );
      	// The customizer requires postMessage and CORS (if the site is cross domain)
      	b[c] += ( window.postMessage && request ? ' ' : ' no-' ) + cs;
   </script>
   <!--<![endif]-->
   </body>
</html>

